<!doctype html>
<!-- The DOCTYPE declaration above will set the     -->
<!-- browser's rendering engine into                -->
<!-- "Standards Mode". Replacing this declaration   -->
<!-- with a "Quirks Mode" doctype is not supported. -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="EggenCard2.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Eggen Card Edit Screen</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="eggencard2/eggencard2.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

    <div id="EggenProject"></div>

   <table>
     <tr>
       <td class="largeText">The Eggen Card Portal!</td>
       <td><table><tr>
          <td class="smallText">Username</td>
          <td id="usernameContainer"></td>
          <td class="smallText">Password</td>
          <td id="passwordContainer"></td>
          <td id="signinButtonContainer"></td>
          <td><table>
             <tr><td id= "ECsession" class="smallText"></td></tr>
             <tr><td id= "ECtotal" class="smallText"></td></tr>
          </table></td>   
       </tr></table></td>   
     </tr>
     <tr>
       <td class="largeText">Select batch:</td>
       <td><table>
         <tr>
           <td class="smallText">Box</td>        
           <td id="boxFieldContainer"></td>
           <td class="smallText">Bundle</td>        
           <td id="bundleFieldContainer"></td>
           <td class="smallText">PDF</td>        
           <td id="pdfFieldContainer"></td>
           <td class="smallText">Page</td>        
           <td id="pageFieldContainer"></td>
           <td class="smallText">Classification</td>        
           <td id="classFieldContainer"></td>
           <td class="smallText">Color</td>        
           <td id="colorFieldContainer"></td>
           <td class="smallText">CardKey</td>        
           <td id="cardkeyFieldContainer"></td>
           <td class="smallText">Star name</td>        
           <td id="starnameFieldContainer"></td>
           <td id="requestCardButtonContainer"></td>
           <td id="resultCountLabelContainer"></td>
         </tr>
         <tr>
           <td colspan="0" style="color:red;" id="error2LabelContainer"></td>
         </tr>
       </table></td>
     <tr>
       <td class="largeText">Edit Card:</td>
       <td><table>
         <tr>
           <td id="prevCardButtonContainer"></td>
           <td id="cardnumberLabelContainer"></td>
           <td id="cardnameLabelContainer"></td>
           <td class="smallText">Color</td>        
           <td id="icolorFieldContainer"></td>
           <td class="smallText">Orientation</td>        
           <td id="iorientationFieldContainer"></td>
           <td class="smallText">Classification</td>        
           <td id="iclassFieldContainer"></td>
           <td id="iupdateButtonContainer"></td>
           <td id="nextCardButtonContainer"></td>
         </tr>
         <tr>
           <td class="smallText">Note</td>
           <td colspan="10" id="inoteFieldContainer"></td>
         </tr>
       </table></td>
     </tr>  
   </table>
	
	<table>
      <tr>
        <td src="" alt="Card image goes right here" id="cardImage" height="300" width="500"></td>
        <td id="starPanelContainer" valign="top" ></td>
      </tr>
    </table>
    
        
  </body>
</html>
